.orgTree {
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
    /**height: calc(100% - 40px);**/
    height: calc(100% - 1000px);;
    top: 40px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow-y: auto;
}

.orgTree.toggled {
    opacity: 1;
    filter: alpha(opacity=100);
}

#orgTree {
    width: 268px;
    -webkit-transform: translate3d(-268px, 0, 0);
    transform: translate3d(-268px, 0, 0);
}

#orgTree.toggled {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*
* layout
*/

body:not(.sw-toggled) #orgTree {
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
}

@media (min-width: 1200px) {
    body.sw-toggled #orgTree {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    }
}

@media (max-width: 1199px) {
    body.sw-toggled #orgTree {
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
    }
}

/*
 * For Stupid IE9
 */

@media (min-width: 1200px) {
    .ie9 body.sw-toggled #orgTree {
        display: block;
    }
}

.ie9 body:not(.sw-toggled) #orgTree:not(.toggled) {
    display: none;
}